@charset 'utf-8';
/*----------------------------------
	main
----------------------------------*/
.main{
	padding: 0 20px 0 40px;
	p{
		margin-bottom: 20px;
	}
}

.main__title--h1{
	font-size: 36px;
	font-weight: normal;
	line-height: 1.3;
	min-height: 50px;
	margin-bottom: 10px;
	padding: 10px 0 0 70px;
	background-repeat: no-repeat;
	background-position: left top;
}

.main__title--h1--v01{
	background-image: url(../img/icon_h1_01.png);
}

.main__title--h1--v02{
	background-image: url(../img/icon_h1_02.png);
}

.main__title--h1--v03{
	background-image: url(../img/icon_h1_03.png);
}

.main__title--h1--v04{
	background-image: url(../img/icon_h1_04.png);
}

.main__title--h1--v05{
	background-image: url(../img/icon_h1_05.png);
}

.main__title--h1--v06{
	background-image: url(../img/icon_h1_06.png);
}

.main__title--h1--v07{
	background-image: url(../img/icon_h1_07.png);
}

.main__title--h1--v08{
	background-image: url(../img/icon_h1_08.png);
}

.main__title--h2{
	font-size: 18px;
	//font-weight: normal;
	line-height: 1;
	margin: 5px 0 10px;
	padding: 10px 10px 7px;
	color: #fff;
	background-color: #f90;
}

.main__title--h3{
	font-size: 18px;
	color: #f60;
}

.main__title--h3--sub{
	font-size: 14px;
}

.main__title--h4{
	font-size: 14px;
}

.main__section{
	margin: 0 auto 60px;
	img{
		max-width: 90%;
		height: auto;
	}
}

.main__subsection{
	margin-bottom: 60px;
}

.main__dl{
	margin-bottom: 20px;
	dt{
		font-size: 14px;
		font-weight: bold;
		img{
			vertical-align: middle;
		}
	}
	dd{
		margin-bottom: 20px;
		img{
			vertical-align: middle;
		}
	}
}

.main__dl--sub{
	margin-left: 30px;

	@extend .main__dl;
}

.main__title--h2--renew{
	cursor: pointer;
	&:hover{
		opacity: 0.6;
	}
}
.main__dl--renew{
	margin: 20px auto;
	display: none;
	dt{
		font-weight: bold;
		//font-size: 14px;
	}
	dd{
		margin: 0 0 30px 0px;
	}
}

.main__dl--staff{
	dt{
		font-size: 12px;
		color: #666;
	}
	dd{
		font-size: 16px;
		margin-bottom: 20px;
		padding-left: 16px;
	}
}

.main__ul{
	margin: 0 0 20px 20px;
	> li ul{
		margin-left: 20px;
	}
	li{
		margin: 10px 0 10px;
	}
}

.main__ul--style-none{
	list-style: none;

	@extend .main__ul;
}

.main__ol{
	margin: 0 0 20px 30px;
	li{
		margin: 10px 0 10px;
	}
}

.main__ul--inline{
	margin: 0 0 20px 5px;
	li{
		display: inline-block;
		min-width: 140px;
		margin-right: 20px;
		span{
			font-size: 10px;
			color: #666;
		}
	}
}

.main__table--type01{
	margin-bottom: 20px;
	> tbody > tr > th, > tbody > tr > td{
		padding: 4px 12px;
		border: 1px solid #999;
	}
	> tbody > tr > th{
		text-align: left;
		background-color: #efefef;
	}
}

.main__table--type02{
	margin: 0 auto 20px;

	@extend .main__table--type01;
}

.main__table--type03{
	margin: 10px 0;
}

.params {
	.params-list{
		margin-left: 20px;
	}
	.type{
		font-size: 10px;
		color: #666;
	}
}

.param-name{
	font-size: 12px;
	padding: 0 3px;
	border: 1px solid #ccc;
	background: #efefef;
}

.main__pre--code{
	overflow-x: visible;
	margin-bottom: 10px;
	padding: 14px 20px;
	white-space: pre-wrap;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
}

.pre__type,
.pre__static{
	font-size: 12px;
	color: #888;
	a{
		text-decoration: underline;
		color: #888;
	}
}

.breadcrumb{
	margin: -10px 0 20px;
	text-align: right;
	li{
		display: inline-block;
	}
}

